*{
  margin:0;
  padding:0;
}
main{
  height:981.5px;
  width:100%;
  .top{
    line-height: 40px;
    padding:20px;
    display: flex;
    justify-content: space-between;
    >div:first-child{
      font-size: 26px;
      font-weight: 900;
      height:40px;
      >.iconfont{
        font-size: 40px;
        color:#FF6A00;
      }
    }
    >div:last-child{
      width:400px;
      height:40px;
      display: flex;
      color:#999;
      justify-content: space-evenly;
      font-size: 14px;
      >div{
        display: flex;
        justify-content: space-between;
        align-items: center;
        .iconfont{
          transition:0.3s;
          width:20px;
          height:20px;
          display: block;
          line-height: 20px;
        }
        &:hover{
          color:#FF6A00;
          cursor: pointer;
          >.iconfont{
           transform: rotate(180deg);
           transform-origin: center center;
          }
        }
        &:nth-child(5){
          width:100px
        }
        &:last-child{
          color:#FF6A00;
        }
      }
    }
  }
  >.middle{
    height:821.5px;
    margin:20px 0;
  }
  >.bottom{
    height:18px;
    text-align: center;
    font-size: 12px;
    color:#ccc;
  }
}